<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../script/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnId").click(function () {
                //alert($(":text").prop("type"));
                //$(":text").attr("type","button");
                //alert($(":text").attr("test"));
                //alert($("div").html());
                //$("div").text("<i>hello</i>")
                //alert($("div").css("width"));
                //$("div").css("height","300px");
                console.log($("#testId").next());
                console.log($("#testId").parent());
            });
        });
    </script>
</head>
<body>

<input type="text" test="hello" id="testId">
<div><h1>helloworld</h1></div>
<input type="text">
<input type="text">
<input type="text">
<input type="button" value="点击" id="btnId">
</body>
</html>